﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="PicReport.aspx.cs" Inherits="ExamAnalysis.Reports.PicReport" %>
<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="TitleContent" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
<ext:Panel ID="Panel1" runat="server" Width="1000" Height="800" Title="考试统计图">
<TopBar>
            <ext:Toolbar ID="Toolbar1" runat="server">
            <Items>
            <ext:ComboBox ID="ComboBox1" 
            runat="server"
            Width="200"
            Editable="false"
            DisplayField="ExamName"
            ValueField="ExamID"
            TypeAhead="true" 
            QueryMode="Local"
            ForceSelection="true"
            TriggerAction="All"
            EmptyText="选择一个考试"
            SelectOnFocus="true" MaxWidth="200">                        
            <Store>
                <ext:Store ID="Store1" runat="server" >
                    <Model>
                        <ext:Model ID="Model1" runat="server">
                            <Fields>
                                <ext:ModelField Name="ExamID" />
                                 <ext:ModelField Name="ExamName" />
                                  <ext:ModelField Name="ClassID" />
                                   <ext:ModelField Name="ClassName" />
                                    <ext:ModelField Name="StudentName" />
                                    <ext:ModelField Name="StudentID" />
                            </Fields>
                        </ext:Model>
                    </Model>            
                </ext:Store>
            </Store>
            <ListConfig>
                <ItemTpl ID="ItemTpl1" runat="server">
                    <Html>
						<div class="list-item">
							    <h3>{ExamName}</h3>
                                <div align="right">{ClassName}</div>
						</div>
				    </Html>    
                </ItemTpl>
            </ListConfig>
        </ext:ComboBox>
        <ext:Button ID="Button1" Text="确认" runat="server" OnDirectClick="Button_Click">
        </ext:Button>
            </Items>
            </ext:Toolbar>
            </TopBar>
            <Items>
            <ext:TabPanel ID="TabPanel1" runat="server" Width="800" >
 <Items>
            <ext:Panel 
                ID="Tab1"
                runat="server" 
                Title="<span>茎叶图</span>"
                AutoHeight="true"
                BodyPadding="10"
                Icon="UserKey">
                <Items>
            <ext:Container runat="server">   
            <Content>
            <asp:Table runat="server" ID="Table" >
            <asp:TableRow>
            <asp:TableCell>
            0   
            </asp:TableCell>
            <asp:TableCell>
            <asp:Label ID="Label0" Text="|" runat="server" />
            </asp:TableCell></asp:TableRow><asp:TableRow>
            <asp:TableCell>
            1   
            </asp:TableCell><asp:TableCell>
            <asp:Label ID="Label1" Text="|" runat="server" />
            </asp:TableCell></asp:TableRow><asp:TableRow>
            <asp:TableCell>
            2 
            </asp:TableCell><asp:TableCell>
            <asp:Label ID="Label2" Text="|" runat="server" />
            </asp:TableCell></asp:TableRow><asp:TableRow>
            <asp:TableCell>
            3   
            </asp:TableCell><asp:TableCell>
            <asp:Label ID="Label3" Text="|" runat="server" />
            </asp:TableCell></asp:TableRow><asp:TableRow>
            <asp:TableCell>
            4   
            </asp:TableCell><asp:TableCell>
            <asp:Label ID="Label4" Text="|" runat="server" />
            </asp:TableCell></asp:TableRow><asp:TableRow>
            <asp:TableCell>
            5   
            </asp:TableCell><asp:TableCell>
            <asp:Label ID="Label5" Text="|" runat="server" />
            </asp:TableCell></asp:TableRow><asp:TableRow>
            <asp:TableCell>
            6   
            </asp:TableCell><asp:TableCell>
           <asp:Label ID="Label6" Text="|" runat="server" />
            </asp:TableCell></asp:TableRow><asp:TableRow>
            <asp:TableCell>
            7   
            </asp:TableCell><asp:TableCell>
            <asp:Label ID="Label7" Text="|" runat="server" />
            </asp:TableCell></asp:TableRow><asp:TableRow>
            <asp:TableCell>
            8   
            </asp:TableCell><asp:TableCell>
            <asp:Label ID="Label8" Text="|" runat="server" />
            </asp:TableCell></asp:TableRow><asp:TableRow>
            <asp:TableCell>
            9   
            </asp:TableCell><asp:TableCell>
            <asp:Label ID="Label9" Text="|" runat="server" />
            </asp:TableCell></asp:TableRow><asp:TableRow>
            <asp:TableCell>
            10  
            </asp:TableCell><asp:TableCell>
            <asp:Label ID="Label10" Text="|" runat="server" />
            </asp:TableCell></asp:TableRow></asp:Table></Content></ext:Container></Items></ext:Panel><ext:Panel 
                ID="Panel2"
                runat="server" 
                Title="<span>箱须图</span>"
                AutoHeight="true"
                BodyPadding="10"
                Weight="800"
                Height="300"
                Icon="UserKey"
                Layout="FitLayout">
                <Items>
                  <ext:Chart 
                    ID="Chart1" 
                    runat="server"
                    Shadow="true"
                    Animate="true" >
                    <Store>
                        <ext:Store  ID="Store2"
                            runat="server"  >                           
                            <Model>
                                <ext:Model ID="Model2" runat="server">
                                    <Fields>
                                        <ext:ModelField Name="Min" />
                                        <ext:ModelField Name="Mid" />
                                        <ext:ModelField Name="Mean" />
                                        <ext:ModelField Name="Max" />
                                         <ext:ModelField Name="MaxScore" />
                                          <ext:ModelField Name="MinScore" />
                                           <ext:ModelField Name="MeanScore" />
                                    </Fields>
                                </ext:Model>
                            </Model>
                        </ext:Store>
                    </Store>

                    <LegendConfig Position="Right" />
                    <Axes>
                        <ext:NumericAxis                       
                            Fields="MinScore,MeanScore,MaxScore,Min,Max,Mean"
                            Position="Bottom"
                            Grid="true"
                            RoundToDecimal="false">
                            <Label>
                                <Renderer Handler="return String(value).replace(/000000$/, '分');" />
                            </Label>
                        </ext:NumericAxis>                                                    
                    </Axes>
                    <Series>               
                        <ext:BarSeries
                            Axis="Bottom"
                            YField="Min,MinScore,Mean,MeanScore,Max,MaxScore"
                            Stacked="true"
                            >
                            <Renderer></Renderer>
                            <Tips TrackMouse="true" Width="65" Height="28" runat="server">
                                <Renderer Handler="this.setTitle(String(item.value[1]) + '分');" />
                            </Tips>
                        </ext:BarSeries>
                    </Series>
                </ext:Chart>
                </Items>
                </ext:Panel>
            </Items>
             </ext:TabPanel>
            </Items>
</ext:Panel>
</asp:Content>
